import styled from "styled-components";

export const StyledChatItem = styled.div<{ active: boolean; primaryColor?: string }>`
	color: ${props => (props.active ? props.primaryColor : "#333")};
	background-color: ${props => (props.active ? props.primaryColor + "16" : "#fff")};
	.closeIcon {
		display: none;
	}
	&:hover {
		.closeIcon {
			display: initial;
		}
	}
`;
export const EmojiWrapper = styled.div`
	.emojiArea {
		display: none;
	}
	&:hover {
		.emojiArea {
			display: flex;
		}
	}
`;
